import { Badge } from "antd";
import { BellOutlined } from "@ant-design/icons";
import { Popover } from "antd";
import noticeLess from "./index.module.less";

function Notice() {
  const content = (
    <div className={noticeLess.notice_content_show}>
      <div className="notice_item">
        <div className="notice_left_title">评论</div>
        <div className="notice_right_num">
          <Badge count={2} overflowCount={99}></Badge>
        </div>
      </div>
    </div>
  );
  return (
    <>
      <Popover content={content} trigger="hover">
        <Badge count={2} overflowCount={99} size="small" offset={[3, 0]}>
          <BellOutlined style={{ fontSize: "20px", color: "#8a919f" }} />
        </Badge>
      </Popover>
    </>
  );
}

export default Notice;
